{% extends "base_generic.html" %}
{% load i18n %}
{% block content %}
<div class="d-flex justify-content-center align-items-center" style="min-height: 80vh;">
  <div class="card shadow p-4 text-center" style="min-width:350px; max-width:400px; width:100%;">
    <h2 class="mb-4 text-success"><i class="bi bi-check-circle me-2"></i>{% trans 'The password has been changed!' %}</h2>
    <a href="{% url 'login' %}" class="btn btn-primary w-100"><i class="bi bi-box-arrow-in-right me-1"></i>{% trans 'log in again?' %}</a>
  </div>
</div>
{% endblock %}
